<script setup>
import { ref, onMounted, toRefs } from 'vue'
import {unit2} from '../unit.js'

defineProps({
    config: Object,
});



</script>

<template>

<div class="titlerow">
    <h2 :style="{
        fontSize: unit2(config.fontSize),
        color: config.color,
        textAlign: config.align,
    }">{{ config.name }}</h2>
    <div class="more" v-if="config.more" :style="{
        fontSize: unit2(config.moreSize),
        lineHeight: unit2(config.fontSize*1.9),
    }">更多</div>
</div>

</template>

<style scoped>
    .titlerow{width: 100%;position: relative;overflow: hidden;line-height: 1.7;}
    .titlerow h2{width: 100%;margin: 0;padding: 0;text-align: left;line-height: 1.9;font-weight: bold;}
    .titlerow .more{
        position: absolute;right: 0;bottom: 0;
    }
</style>